.box{
  position: relative;
  z-index: 100;
}
.box>div {
  padding: @f12 @f32;
  margin: @f12 0 @f20;
}

.hover {
  background: @green;
  color: @white  !important;
  .pr;
}
.hover:hover .hover_pa {
  .block;
}

.tabss{
  cursor: pointer;
}
.tabss:hover{
  color: @green
}
.hover_pa {
  width: 1200px;
  .pa;
  left: 0;
  top: 100%;
  background: @green;
  text-align: center;
  border-left: @borders;
  .none;
  height: 520px;
  overflow: hidden;
  // max-height: 531px;
  // overflow-y: scroll;
}
.hoverclass {
  padding: @p20;
}
.hoverclass:hover{
    background:@white;
    color: @green;
}
.hoverclass:hover .hoverclass_class{
    .block
}
.hoverclass_class {
  .pa;
  left: 100%;
  top: -1px;
  width: calc(@w - 150px);
  height: calc(100% + 1px);
  padding-left: @f40;
  border: @borders;
  border-left: 0;
  background: @white;
  .none
}

.class_goods_left {
  color: @black;
  grid-template-columns: 100px calc(100% - 100px);
}

.class_goods_left {
  border-bottom: @border;
  width: calc(100% - 260px);
}

.class_goods_left:last-child {
  border-bottom: 0;
}

.class_goods_left .one {
  text-align: left;
  padding: @p10;
  align-items: center;
}

.class_goods_left .one i {
  margin-left: 20px;
  font-size: @f12;
}

.class_goods_right {
    .pa;
  width: 210px;
  top: 0;
  height: 100%;
  right: 0;
}

.class_goods .two a {
  padding: @f10 @f16;
}
.class_goods .two .color{
    color: @green
}

.two_three{
  position: absolute;
  top: 0;
  left: 147px;
  width: calc(1200px - 148px);
  border: @borders;
  background: @white;
  height: 100%;
}
.twos{
  padding: 10px 0;
  margin-left: 50px;
  margin-right: 50px;
  grid-template-columns: 100px 820px;
  grid-gap: 0 10px;
  border-bottom: @border;
}
.twos:last-child{
  border-bottom: 0;
}
.two_class{
  .j_between;
  align-items: flex-start;
  line-height: 28px;
  color: #1a1a1a !important;
}
.two_class i{
  font-size: 12px;
}
.threes{
  flex-wrap: wrap;
}
.threes a{
  line-height: 30px;
  margin-right: 20px;
  font-size: 13px;
}
.threes a:hover{
  color: @green;
}